table,
th,
td {
	border-collapse: collapse;
}

td {
	border: 1px solid gainsboro;
}

table {
	width: 100%;
}

td {
	text-align: left;
	vertical-align: middle;
	padding: 10px 10px;
}

tr.light {
	background-color: lightgray;
}

tr.dark {
	background-color: darkgray;
}

th {
	padding: 5px 10px;
	color: white;
	text-align: left;
	vertical-align: middle;
	font-size: 1em;
	background-color: #333;
}

th:hover,
th:active {
	background-color: burlywood;
}